<!DOCTYPE html>
<html>

<head>
    <title>这是我的第一个在线页面</title>
    <meta charset="utf-8">
</head>

<body>
    <h1>一级标题</h1>
    <h3>三级标题</h3>
    <p>说点<b>什么</b></p>
    <hr>
    <p>另外一个段落</p>
    <pre>
        的地方的   反复



对方答复 
    </pre>
    <p> 的地方的 反复 对方答复 </p>
    <ol>
        <li>dddd</li>
        <li>dddd</li>
        <li>dddd</li>
    </ol>
    <ul>
        <li>dddd</li>
        <li>dddd</li>
        <li>dddd</li>
    </ul>
    <dl>
        <dt> 作者 </dt>
        <dd> Adam </dd>
        <dd> Cui </dd>
        <dt> 编辑 </dt>
        <dd> Fang </dd>
    </dl>
    <ul>
        <li>dddd</li>
        <li>dddd</li>
        <li>dddd</li>
    </ul>
    <dl>
        <dt> 作者 </dt>
        <dd> Adam </dd>
        <dd> Cui </dd>
        <dt> 编辑 </dt>
        <dd> Fang </dd>
    </dl>
    <ul>
        <li>dddd</li>
        <li>dddd</li>
        <li>dddd</li>
    </ul>
    <dl>
        <dt> 作者 </dt>
        <dd> Adam </dd>
        <dd> Cui </dd>
        <dt> 编辑 </dt>
        <dd> Fang </dd>
    </dl>
    <ul>
        <li>dddd</li>
        <li>dddd</li>
        <li>dddd</li>
    </ul>
    <dl>
        <dt> 作者 </dt>
        <dd> Adam </dd>
        <dd> Cui </dd>
        <dt> 编辑 </dt>
        <dd> Fang </dd>
    </dl>
    <div><a href="https://www.w3.org/TR/2017/REC-html52-20171214/grouping-content.html#elementdef-div" target="_blank">div</a>用来组织内容的逻辑结构</div>
    <p><a href="#"><em>返回</em>顶部</a></p>
    <dl>
        <dt>标准间</dt>
        <dd>
            <s>199元。<small>不含早餐</small></s>
        </dd>
        <dd>189元。<small>含早餐</small></dd>
    </dl>
    <p>doit.im是一款
        <dfn>
            <abbr title="Get Thing Done">GTD</abbr>
        </dfn>软件，用来帮助用户进行任务管理。</p>
    <img src="http://cn.bing.com/az/hprichbg/rb/ToroidalBubble_ZH-CN10711997835_1920x1080.jpg" alt="bing每日美图" width="23">图片是个行内元素
    <p><a href="http://www.bing.com"><img src="http://cn.bing.com/az/hprichbg/rb/ToroidalBubble_ZH-CN10711997835_1920x1080.jpg" alt="" width="100"></a></p>
</body>

</html>